<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

  <body>
 <div id="mensaje">Aún no he recibido nada. :(</div>
    <script>
      var mensaje = document.querySelector("#mensaje");
      
      var recibirMensaje = function( evento ){
        if (evento.origin == "emisor.html"){
          mensaje.innerHTML = "Emisor: " + evento.data;

          // Aquí evento.source es una referencia al objeto window del emisor.
          // evento.origin contiene el origen del emisor: "http://emisor.com"
          evento.source.postMessage("iPad Pepito, por que solo iPad es «too mainstream».", evento.origin);
        }

      };

      window.addEventListener("message", recibirMensaje, false);
    </script>
  </body>
</html>
